/*!
 * @ Author: weiwei
 * @ Date: 2019-04-22 09:39:04
 */
/*Css Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}html,body{width:100%;font-family:"Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none;}.fl{float:left;}.fr{float:right;}
html,body{overflow:hidden;overflow-y:auto; font-family: "Microsoft YaHei"; }
.inner{ width: 1400px; margin:0 auto; overflow: hidden; box-sizing: border-box; }
iframe{ width: 100%; height: 460px; }
.page{ clear: both; margin:30px 0; text-align: center; }
.page a{ display: inline-block; padding:0 7px; margin:0 2px; border:1px solid #ccc; text-align: center; line-height: 32px; border-radius: 30px; }
.page .current{ display: inline-block; margin:0 2px; text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background: #0344a5; color: #fff; }
.fl{ float: left; }
.fr{ float: right; }
.text-center{ text-align: center; }
input:active, input:focus, button:active, button:focus, textarea:focus{ border:none; outline:0; }
@font-face{ font-family: DIN; src: url('./fonts/DIN-Medium.ttf'); }
/*no-goods*/
.no-goods{ width: 100%;}
.no-goods,.no-network{padding-top:100px; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 4px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden; border-radius: 5px; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #0012ad; background: #0012ad;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px; border-radius: 5px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px;}

/*h_tool*/
.h_tool{ overflow: hidden; padding:10px 0; background: #eeeeef; }
.h_tool .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_tool p{ font-size: 14px; color: #666666; }
.h_tool p span{ font-size: 20px; line-height: 1; display: inline-block; margin:0 8px; color: #cccccc;  }
.h_tool p small{ color: #666; font-size: 14px; position: relative; top:-2px; }
.h_tool ul{ overflow: hidden; display: flex; align-items: center; justify-content: flex-end; }
.h_tool li{ display: inline-block; padding:0 16px; position: relative; transition: all .3s; }
.h_tool li + li::before{ display: inline-block; content: ""; width: 1px; height: 16px; background: #d3d3d3; position: absolute; left:0; top:50%; margin-top: -8px; }
.h_tool li span{ font-size: 20px; color: #cccccc; line-height: 1; margin-right: 6px;  transition: all .3s; }
.h_tool li small{ font-size: 14px; color: #666666; position: relative; top:-2px; transition: all .3s;  }
.h_tool li:hover span, .h_tool li:hover small{ transition: all .3s; color: #ff9833;  }
/*h_top*/
.h_top{ padding:32px 0; border-bottom: 1px solid #cccccc; }
.h_top .inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .tel{ display: flex; align-items: center; justify-content: flex-end;  }
.h_top .tel span{ font-size: 64px; color: #ff9833; display: inline-block; line-height: 1; margin-right: 16px; } 
.h_top .tel p{ font-size: 22px; color: #999999; font-family: "思源黑体 CN"; line-height: 1; margin-bottom: 12px;  }
.h_top .tel b{ font-size: 44px; color: #0012ad; font-family: "思源黑体 CN"; line-height: 1; letter-spacing: 2px; font-weight: bold;  }
/*h_menu*/
.h_menu{ height: 58px; line-height: 58px; background: #fff; position: relative; overflow: hidden; }
.h_menu .inner{ overflow: visible; }
.h_menu .nav{ width: 100%; height: 100%; display: flex; justify-content: space-around; }
.h_menu .nav > li{ display: block; width: 100%; text-align: center; }
.h_menu .nav > li > a{ display: block; transition: all .3s; position: relative; }
.h_menu .nav > li > a span{ line-height: 1; transition: all .3s; font-size: 16px; color: #333; display: inline-block; padding:8px; border-radius: 30px; }
.h_menu .nav > li > a::after{ content: ""; display: block; width:2px; height: 18px; border:0; transition: all .3s; background: #d0d0d0; position: absolute; left: 0; top:50%; margin-top: -9px; }
.h_menu .nav > li:first-child > a::after{ display: none; }
.h_menu .nav > li > a:hover span{ background: #0012ad; color: #fff;transition: all .3s; }

.h_menu:hover{ overflow: visible; }
.h_menu .nav li:hover .d_menu{ transition: all .6s; top:100%; opacity: 1; z-index: 34; }

.h_menu .d_menu{ height: 450px; box-sizing: border-box; padding:34px 0; width: 100%; background: #e5e7f7; position: absolute; top:100%; left:0; transition: all .3s; z-index: 0; opacity: 0; transition: all .6s; }
.d_menu ul{ height: 100%; display: flex; justify-content: space-between; align-items: center; }
.d_menu li{ width: 25%; text-align: center; }
.d_menu li .hd b{ display: block; border-bottom: 1px solid #999999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.d_menu li .hd b small{ background: url(../images/black_logo.png) no-repeat left center; line-height: 66px; display: inline-block; padding-left: 38px; font-size: 24px; color: #333333; }
.d_menu li .hd .img{ width: 214px; height: 130px; border-radius: 5px; margin:20px auto; overflow: hidden; }
.d_menu li .hd .img img{ width: 100%; height: 100%; object-fit: cover; }
.d_menu li .bd{ overflow: hidden; min-height: 140px; }
.d_menu li .bd a{ display: block; font-size: 14px; color: #999999; line-height: 2; text-align: center; transition: all .3s; }
.d_menu li .bd a:hover{ transition: all .3s; color: #333333; }






/* .h_menu .nav li div{ width: 100%; background: #e5e7f7; position: absolute; top:120%; left:0; transition: all .3s; z-index: 0; opacity: 0; transition: all .6s; } */
/* .h_menu .nav li div a{ border-bottom: 1px solid #f1f1f1; font-size: 14px; color: #000000; display: block; overflow: hidden; height: 36px; line-height: 36px; } */

/*banner*/
#banner{ width: 100%; height: 669px; }
#banner .swiper-slide{ min-width: 1400px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height: 669px; width: 1400px; margin:0 auto; display: block; }

#banner .swiper-slide .b1_p{ position: absolute; top:178px; left: 0; }
#banner .swiper-slide .b1_tit{position: absolute; top:270px; left: 0; font-size: 60px; color: #ffffff; font-family: "思源黑体 CN"; font-weight: bold; }
#banner .swiper-slide .b1_span{position: absolute; top:366px; left: 0; font-size: 16px; color: #ffffff; font-family: "思源黑体 CN"; text-transform: uppercase; }
#banner .swiper-slide .b1_a{position: absolute; top:450px; left: 0; }
#banner .swiper-slide .b1_a small{ display: inline-block; line-height: 1; padding:14px 26px; background: #ff9833; font-size: 14px; color: #ffffff; font-family: "思源黑体 CN"; border-radius: 5px; }
#banner .swiper-slide .b1_img{position: absolute; top:140px; right: 0; }
#banner .swiper-slide .b3_img{ position: absolute; top:96px; right: 0; }

/*#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 66px; height: 66px; text-align: center; line-height: 66px; border:1px solid #7babd4; border-radius: 50%; margin-top:-33px; }*/
/*#banner .swiper-button-prev{ left: 60px; }*/
/*#banner .swiper-button-next{ left: auto; right: 60px; }*/
/*#banner .swiper-button-prev::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -2px; }*/
/*#banner .swiper-button-next::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -4px;  }*/
#banner .swiper-button-prev span{ color: #fff; font-size: 26px; }
#banner .swiper-button-next span{ color: #fff; font-size: 26px; }
/* #banner .swiper-button-prev:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-next:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-prev:hover::before{ border-right:6px solid #fff; }
#banner .swiper-button-next:hover::before{ border-left:6px solid #fff; } */
#banner .swiper-pagination{ bottom: 20px; }
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border:1px solid transparent; position: relative; opacity: .8; }
#banner .swiper-pagination-bullet::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: transparent; position: absolute; left:2px; top:2px; }
#banner .swiper-pagination-bullet-active{ background: transparent;  border:1px solid #ff9833; }
#banner .swiper-pagination-bullet-active::before{ background: #ff9833;  }
/*h-key*/
.h-key{ background: #fff; padding:14px 0; overflow: hidden; }
.h-keys{ line-height: 42px; box-sizing: border-box; padding-left: 44px; background: url(../images/ico_hot.png) no-repeat left center; }
.h-keys small{ font-size: 24px; color: #ff0000; font-family: arial; text-transform: uppercase; display: inline-block; float: left; margin-right: 12px;font-weight: bold; }
.h-keys b{ display: inline-block; float: left; font-size: 16px; color: #333333; margin-right: 16px; }
.h-keys a{ display: inline-block; font-size: 16px; color: #333333;  }
.h-keys a + a{ margin-left: 14px; }
.h-keys a:hover{ color: #ff9833; }
.h-search{ overflow: hidden; }
.h-search form{ width: 356px; height: 48px; border:1px solid #cccccc; border-radius: 30px; }
.h-search .search_text{ width: 240px; height: 50px; box-sizing: border-box; padding-left: 30px; background: transparent; border:0; outline: none; float: left; box-sizing: border-box; line-height: 48px; font-size: 16px; color: #999999; }
.h-search .search_btn{padding: 9px 24px; border-radius: 30px; background: #0012ad; border:0; outline: none; cursor: pointer;  }
.h-search .search_btn span{ font-size: 32px; color: #fff; line-height: 1;  }
/*p_tit*/
.p_tit{ overflow: hidden; text-align: center; position: relative; padding:36px 0; }
.p_tit::before{ content: ""; display: block; width: 100%; height: 2px; background: #0012ad; position: absolute; top:62px; }
.p_tit b{ background: #f5f5f5; font-size: 48px; color: #0012ad; font-weight: bold; display: inline-block; padding:0 72px; position: relative; }
.p_tit b::before{ content: ""; display: inline-block; width: 30px; height: 30px; background:url(../images/ico_logo.png) no-repeat center; border:0; position: absolute; top:12px; left:20px; }
.p_tit b::after{ content: ""; display: inline-block; width: 30px; height: 30px; background:url(../images/ico_logo.png) no-repeat center; border:0; position: absolute; top:12px; right:20px; }
.p_tit p{ font-size: 18px; color: #0012ad; line-height: 1; margin-top: 22px; }

/*m_pro*/
.m_pro{ overflow: hidden; padding:40px 0 75px; background: #f5f5f5; }
.m_pro .fr{ width: 1044px; }
.pro_list{ overflow: hidden; }
.pro_list a{ background: #fff; border-radius: 10px; display: block; position: relative; overflow: hidden; width: 328px; float: left; margin-right: 30px; margin-bottom: 30px; }
.pro_list a:nth-child(3n+0){ margin-right: 0; }
.pro_list a .img{ width: 100%; padding-bottom: 65%; position: relative; overflow: hidden; }
.pro_list a .img img{ width:100%; height:100%; box-sizing: border-box; object-fit: cover; position: absolute; transition: all .3s; }
.pro_list a > b{ padding:20px; line-height: 1; font-size: 18px; text-align: center; display: block; transition: all .3s; opacity: 1; }
.pro_list a .txt{ position: absolute; top:100%; background: rgba(255, 126, 0, .8); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height:100%; transition: all .3s; }
.pro_list a .txt .tit{ width: 100%; overflow: hidden; text-align: center; position: relative; padding:0 36px; box-sizing: border-box; }
.pro_list a .txt .tit::before{ content: ""; display: block; width: 40px; height: 1px; background: #fff; position: absolute; top:9px; left:0; }
.pro_list a .txt .tit::after{ content: ""; display: block; width: 40px; height: 1px; background: #fff; position: absolute; top:9px; right:0; }
.pro_list a .txt .tit b{ font-size: 18px; color: #ffffff; font-weight: bold; display: inline-block; padding:0 36px; position: relative; }
.pro_list a .txt .tit b::before{ content: ""; display: inline-block; width: 24px; height: 24px; background:url(../images/ico_logo_white.png) no-repeat center; border:0; position: absolute; top:0; left:6px; }
.pro_list a .txt .tit b::after{ content: ""; display: inline-block; width: 24px; height: 24px; background:url(../images/ico_logo_white.png) no-repeat center; border:0; position: absolute; top:0; right:6px; }
.pro_list a .txt p{ width: 70%; margin:20px 0; font-size: 14px; color: #fff; line-height: 20px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.pro_list a .txt small{ display: inline-block; padding:6px 24px; background: #fff; border-radius: 30px; font-size: 14px; color: #ff7e00; text-transform: uppercase; }
.pro_list a:hover .txt{ transition: all .3s; top:0; }
.pro_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.pro_list a:hover > b{ opacity: 0; transition: all .3s; }
/*g_sider*/
.g_sider{ width: 328px; box-sizing: border-box; padding-bottom: 26px; overflow: hidden; background: #0012ad; border-radius: 10px; }
.g_class .hd{ text-align: center; padding:40px 0 30px; background: url(../images/g_class_hd_bg.png) no-repeat 38px 10px; }
.g_class .hd b{ display: block; font-size: 30px; color: #ffffff; line-height: 1; font-weight: normal; }
.g_class .hd span{ display:inline-block; clear: both; font-size: 18px; color: #ffffff; text-transform: uppercase; line-height: 1; margin-top:8px; }
.g_sidemenu{ padding:0 20px; overflow: hidden; }
.g_sidemenu b{ display: block; overflow: hidden; margin-bottom: 20px; }
.g_sidemenu b > a{ background: url(../images/ico_logo_white.png) no-repeat 20px center; font-size: 18px; color: #ffffff; font-weight: bold; display: block; border:1px solid #878fd8; padding:8px 15px 8px 54px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.g_sidemenu ul{ overflow: hidden; margin:-5px 0 20px; }
.g_sidemenu li a{ transition: all .3s; display: block; padding:8px 15px; border-radius: 30px; border:1px dashed #ffffff; font-size: 16px; color: #ffffff; text-align: center; text-transform: uppercase; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.g_sidemenu li + li{ margin-top: 15px; }
.g_sidemenu li a:hover, .g_sidemenu b > a:hover{ background: #fff; color: #000; transition: all .3s; border-color: #fff; }
.g_contact{ text-align: center; overflow: hidden; }
.g_contact .hd{ text-align: center; }
.g_contact .hd a{ display: inline-block; clear:both; padding:10px 34px; background: #ff7e00; border-radius: 30px; font-size: 16px; color: #ffffff; margin:18px 0; }
.g_contact .bd{ display: flex; align-items: center; justify-content: center; }
.g_contact .bd img{ width: 198px; }
.g_contact .bd p{ width: 15px; margin-left: 15px; line-height: 1.2; font-size: 16px; color: #ffffff; }

/*m_about*/
.m_about{ overflow: hidden; background: #e5e7f7; padding:40px 0 82px; }
.m_about .p_tit{ padding-bottom: 56px; }
.m_about .p_tit b{ background: #e5e7f7; }
.m_about .bd{ width: 100%; background: #fff; overflow: hidden; border-radius: 50px; height: 588px; }
.m_about .bd .fl, .m_about .bd .fr{ width: 50%; overflow: hidden; }
.m_about .bd .fl img{ width: 100%; height: 100%; object-fit: cover; }
.m_about .bd .fr{ padding:40px; box-sizing: border-box; overflow: hidden; }
.m_about .bd .fr span{ display: block; font-size: 72px; color: rgba(0, 18, 173, .2); font-weight: bold; text-transform: uppercase; margin-bottom: 24px; }
.m_about .bd .fr p{ font-size: 14px; color: #0012ad; line-height: 30px; }
.m_about .bd .fr p a{ font-size: 14px; color: #ff7e00; }
#factory{ overflow: hidden; margin:20px 0 0; }
#factory a{ display: block; width: 100%; padding-bottom: 66%; overflow: hidden; position: relative; border-radius: 5px; }
#factory a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }

/* m_adv */
.m_adv{ padding:22px 0; overflow: hidden; background: url(../images/adv01_bg.jpg) no-repeat top center; }
.m_adv .fl{ width: 815px; overflow: hidden; }
.m_adv .fl img{ margin-top:14px; }
.m_adv .fl p{ display: block; width: 90%; font-size: 18px; color: #ffffff; margin-top:18px; padding-top:11px; border-top:4px solid #9ba3dc; }
.m_adv .fr{ display: flex; align-items: center; justify-content: space-between; }
.m_adv .adv_img{ display: flex; align-items: center; justify-content: space-between; }
.m_adv .adv_img img{ width:142px;  }
.m_adv .adv_img p{ width: 18px; font-size: 18px; color: #ffffff; line-height: 1.2; margin-left: 12px; }
.m_adv .adv_tel{ margin-left: 30px; text-align: center; }
.m_adv .adv_tel .info{ display: flex; align-items: center; justify-content: center; }
.m_adv .adv_tel .info span{ font-size: 50px; line-height: 1; color: #fff; margin-right: 16px; }
.m_adv .adv_tel .info .txt{ overflow: hidden; }
.m_adv .adv_tel .info p{ font-size: 16px; color: #ffffff; letter-spacing: 1px; }
.m_adv .adv_tel .info b{ font-size: 36px; color: #ffffff; font-weight: bold; letter-spacing: 2px; }
.m_adv .adv_tel > a{ display: inline-block; background: #ff7e00; color: #fff; padding:16px 72px; font-size: 18px; line-height: 1; margin-top: 20px; border-radius: 5px; }

/* m_super */
.m_super{ overflow: hidden; padding:40px 0 0; background: url(../images/super_bg.jpg) no-repeat top center; }
.m_super .p_tit b{ background:none; }
.m_super .p_tit::before{ width: 290px; left:0; }
.m_super .p_tit::after{ content: ""; display: inline-block; width: 290px; right:0; height: 2px; background: #0012ad; position: absolute; top:62px;  }
.m_super .bd{ overflow: hidden; position: relative; }
.super_box{ position: relative; width: 1200px; background: url(../images/super_box_bg.png) no-repeat top center; margin:0 auto; }
.super_img{ overflow: hidden; position: absolute; bottom:-152px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);  }

.super_info{ overflow: hidden; position: relative; z-index: 5; padding-top: 432px; }
.super_info li{ width: 240px; float:left; position: relative; box-sizing: border-box; }
.super_info li:nth-child(1){ left:90px; top:-50px; }
.super_info li:nth-child(5){ right:90px; top:-50px }
.super_info li:nth-child(2), .super_info li:nth-child(4){ top: -260px; }
.super_info li:nth-child(2){ left:-20px; }
.super_info li:nth-child(4){ right:-20px; }
.super_info li:nth-child(3){ top: -360px; }
.super_info li .txt{ overflow: hidden; text-align: center; }
.super_info li .txt b{ display: block; font-size: 28px; color: #0012ad; font-weight: bold; line-height: 1; margin-bottom: 8px; transition: all .3s; }
.super_info li .txt p{ font-size: 16px; color: #666666; line-height: 24px; }
.super_info li .img{ box-sizing:border-box; position:absolute; width:68px; height:68px; transform:rotate(65deg); overflow:hidden; }
.super_info li .img .box{ box-sizing:border-box; position:absolute; width:100%; height:100%; content:" "; transform:rotate(-45deg); border:6px solid #fff; overflow:hidden; background-color:#fff; transition: all .3s; }
.super_info li .img .box:after{ position:absolute; top:-6px;left:-6px;content:" ";width:100%;height:100%;transform:rotate(135deg);border:6px solid #fff; transition: all .3s;}
.super_info li .img .box:before{position:absolute;left:0;top:0;box-sizing:border-box;content:" ";width:100%;height:100%;transform:rotate(135deg); }
.super_info li .img .box img{ width:100%; height: 100%; object-fit: cover; }
.super_info li:nth-child(1) .img{ right: -80px; bottom: 20px; }
.super_info li:nth-child(2) .img{ right: 0; bottom: -70px; }
.super_info li:nth-child(3) .img{ right: 90px; bottom: -110px; }
.super_info li:nth-child(4) .img{ right: 180px; bottom: -100px; }
.super_info li:nth-child(5) .img{ left: -80px; bottom: 0; }
.super_info li:hover .txt b{ transition: all .3s; color: #ff7e00; }
.super_info li:hover .img .box{ border:6px solid #ff7e00; transition: all .3s; }
.super_info li:hover .img .box:after{ border:6px solid #ff7e00; transition: all .3s; }
.super_txt{ overflow: hidden; padding:20px 0; }
.super_txt li{ width: 17.5%; float: left; }
.super_txt li b{ display: block; width: 100%; position: relative; text-align: center; margin-bottom: 12px; }
.super_txt li b span{ font-size: 72px; color: rgba(255, 255, 255, .1); }
.super_txt li b small{ display: block; font-size: 36px; color: #ffffff; position: absolute; top:20px; width: 100%; text-align: center; }
.super_txt li p{ font-size: 14px; color: #ffffff; line-height: 24px; text-align: center; box-sizing: border-box; padding:0 20px; }
.super_txt li:nth-child(2){ margin-right: 30%; }

/* m_apply */
.m_apply{ overflow: hidden; padding:40px 0; }
.m_apply .p_tit b{ background: #ffffff; }
.apply_box{ overflow: visible; width: 100%; height: 100%; }
.apply_box .hd{ display: inline-block; width: 360px; height: 100%; position: relative; z-index: 33; background: #e8e8e8; }
.apply_box .hd ul{ overflow: visible; display: flex; flex-direction: column; height: 100%; }
.apply_box .hd li{ position: relative; display: flex; align-items: center; height: 87px; transition: all .3s; }
.apply_box .hd li::before{ content: ""; display: block; width: 100%; height: 100%; background:#e8e8e8; position: absolute; z-index: 32; }
.apply_box .hd li::after{ content: ""; display: inline-block; width:24px; height:87px; background: url(../images/ico_apply_right.png) no-repeat right center; position: absolute; right: 0; top:0; opacity: 0; transition: all .3s; z-index: 31; }
.apply_box .hd li i{ display: inline-block; width: 37px; height: 37px; background: url(../images/ico_apply.png) no-repeat center; margin:0 12px 0 42px; position: relative; z-index: 33; }
.apply_box .hd li .tit{ display: flex; flex-direction: column; position: relative; z-index: 33; }
.apply_box .hd li .tit b{ font-size: 24px; color: #333333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.apply_box .hd li .tit p{ font-size: 14px; color: #ffffff; text-transform: uppercase; transition: all .3s; opacity: 0; height: 0px; overflow: hidden; margin-top: 10px; }
.apply_box .hd li:hover, .apply_box .hd li.on{ background: #0012ad; transition: all .3s; }
.apply_box .hd li:hover::before, .apply_box .hd li.on::before{ background: #0012ad; transition: all .3s; }
.apply_box .hd li:hover::after, .apply_box .hd li.on::after{ transition: all .3s; right: -24px; opacity: 1; }
.apply_box .hd li:hover b, .apply_box .hd li.on b{ color: #fff; transition: all .3s; }
.apply_box .hd li:hover i, .apply_box .hd li.on i{ background: url(../images/ico_apply_white.png) no-repeat center; }
.apply_box .hd li:hover p, .apply_box .hd li.on p{ height: auto; opacity: 1; transition: all .3s; }
.apply_box .bd{ width: calc(100% - 360px); float: right; position: relative; z-index: 32; overflow: hidden; }
.apply_box .bd ul{ width: 100%; height: 100%; overflow: hidden; }
.apply_box .bd ul a{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
.apply_box .bd ul a .img{ width:100%; padding-bottom: 67%; position: relative; overflow: hidden; }
.apply_box .bd ul a .img img{ width:100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.apply_box .bd ul a:hover img{ transition: all .3s; transform: scale(1.05); }


/* m_brand */
.m_brand{ overflow: hidden; padding:10px 0 75px; }
.m_brand .p_tit b{ background: #ffffff; }
.m_brand .brand_list{ overflow: hidden; }
.brand_list li + li{ margin-left: 30px; }
.brand_list li{ width: 327.5px; float: left; box-sizing: border-box; padding:30px 22px; background: #eeeded;  transition: all .3s;}
.brand_list li .img{ width: 100%; padding-bottom: 66%; position: relative; overflow: hidden; transition: all .3s; }
.brand_list li .img img{ width:100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.brand_list li .info{ padding-top: 12px; overflow: hidden; }
.brand_list li .info b{ position: relative; font-size: 24px; color: #333333; font-weight: bold; text-align: center; padding:18px 30px; display: block; line-height: 1; transition: all .3s; }
.brand_list li .info b::before{ opacity: 0; content: ""; display: inline-block; width: 23px; height: 23px; background: url(../images/ico_flower.png) no-repeat center; position: absolute; left:0px; top:20px; transition: all .3s; }
.brand_list li .info b::after{ opacity: 0; content: ""; display: inline-block; width: 23px; height: 23px; background: url(../images/ico_flower.png) no-repeat center; position: absolute; right:0px; top:20px; transition: all .3s; }
.brand_list li .info p{ font-size: 15px; color: #999999; line-height: 30px; transition: all .3s; }
.brand_list li:hover{ transition: all .3s; background: #0012ad; }
.brand_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.brand_list li:hover b{ transition: all .3s; color: #fff; }
.brand_list li:hover b::before, .brand_list li:hover b::after{ transition: all .3s; opacity: 1; }
.brand_list li:hover p{ transition: all .3s; color: #fff; }
.brand_list li:nth-child(1){ border-radius: 50px 0 0 50px; }
.brand_list li:nth-child(4){ border-radius: 0 50px 50px 0; }

/* m_msg */
.m_msg{ overflow: hidden; background: url(../images/m_msg_bg.jpg) no-repeat top center; padding:25px 0; }
.m_msg .fl, .m_msg .fr{ width: 50%; display: flex; align-items: center; justify-content: flex-start; }
.m_msg .fl .msg_ewm{ width: 150px; text-align: center; }
.m_msg .fl .msg_ewm img{ max-width: 100%; }
.m_msg .fl .msg_ewm p{ line-height: 1; font-size: 16px; color: #fff; margin-top:10px; }
.m_msg .fl .msg_info{ padding-left: 34px; }
.m_msg .fl .msg_info > b{ font-size: 32px; color: #ffffff; font-weight: bold; display: block; width:100%; line-height: 1; margin:18px 0 12px; }
.m_msg .fl .msg_info > p{ font-size: 16px; color: #ffffff; line-height: 1; margin-bottom: 26px; }
.m_msg .fl .msg_info small{ display:inline-flex; padding:13px 26px; border:1px solid #ffffff; align-items: center; justify-content: center; border-radius: 40px; }
.m_msg .fl .msg_info small i{ display: inline-block; font-size: 16px; color: #ffffff; }
.m_msg .fl .msg_info small b{ font-size: 24px; color: #ffffff; font-weight: bold; }
.m_msg .fr .msg_form{ overflow: hidden; }
.m_msg .fr .msg_form > p{ font-size: 24px; color: #ffffff; line-height: 1; margin:12px 0; }
.m_msg .fr .msg_form > form{ display: flex; align-items: center; justify-content: space-between; }
.m_msg .fr .msg_form .form_info{ overflow: hidden; }
.m_msg .fr .msg_form .form_info li{ display: flex; align-items: center; width: 100%; height: 50px; line-height: 50px; background: #fff; border-radius: 10px; overflow: hidden; }
.m_msg .fr .msg_form .form_info li input{ width: calc(100% - 60px); box-sizing: border-box; height: 100%; border:none; padding-left: 20px; font-size: 16px; color: #cccccc; border:none;  }
.m_msg .fr .msg_form .form_info li span{ font-size: 30px; color: #e6e6e6; padding:0 15px;  }
.m_msg .fr .msg_form .form_info li + li{ margin-top: 16px; }
.m_msg .fr .msg_form .form_code{ margin:0 20px; width: 112px; overflow: hidden; }
.m_msg .fr .msg_form .form_code input{ display: block; border-radius: 10px; overflow: hidden; width: 100%; box-sizing: border-box;  height: 50px; line-height: 50px; background: #fff; border:none; padding-left: 20px; font-size: 16px; color: #cccccc; border:none; }
.m_msg .fr .msg_form .form_code img{ display: block; width: 100%; height: 50px; border-radius: 10px; margin-top: 16px; width: 100%; box-sizing: border-box; border:none;  }
.m_msg .fr .msg_form .submit{ display: flex; padding:34px 52px; border-radius: 10px; flex-direction: column; background: #ff7e00; align-items: center; transition: all .3s; }
.m_msg .fr .msg_form .submit b{ font-size: 24px; color: #ffffff; line-height: 1; }
.m_msg .fr .msg_form .submit span{ font-size: 36px; color: #ffffff; height:22px; }
.m_msg .fr .msg_form .submit:hover{ transition: all .3s; background: #0012AD; }

/* m_case */
.m_case{ overflow: hidden; padding:10px 0 18px; }
.m_case .p_tit b{ background: #ffffff; }
.m_case .bd{ width:100%; overflow: hidden; }
#cases{ overflow: hidden; }
#cases a{ display: block; width: 100%; overflow: hidden; }
#cases a .img{ width: 100%; padding-bottom: 65%; position: relative; overflow: hidden; border:1px solid #ebecf1; border-radius: 5px; box-sizing: border-box; }
#cases a .img img{ width: 100%; height:100%; position: absolute; object-fit: cover; transition: all .3s; padding:6px; box-sizing: border-box; }
#cases a b{ display: flex; align-items: center; justify-content: space-between; padding:18px 0; }
#cases a b small{ display: block; width: calc(100% - 60px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; color: #333333; }
#cases a b span{ font-size: 36px; color: #333333; line-height: 1; }
#cases a:hover .img{ transition: all .3s; border-color: #0012ad; }
#cases a:hover small, #cases a:hover span{ color: #0012ad; transition: all .3s; }


/* m_news */
.m_news{ overflow: hidden; padding:15px 0 75px; background: #f5f5f5; }
.m_news .p_tit b{ background: #f5f5f5; }
.m_news .bd{ overflow: hidden; }
.m_news .bd a{ display: flex; align-items: center; justify-content: center; background: #fff; padding:36px; transition: all .3s; }
.m_news .bd a .time{ text-align: right; }
.m_news .bd a .time span{ font-size: 16px; color:#222222; line-height: 1; transition: all .3s; }
.m_news .bd a .time small{ display: block; font-size: 28px; color: #222222; line-height: 1; margin:20px 0; transition: all .3s; }
.m_news .bd a .time i{ display: inline-block; width: 69px; height:69px; background: url(../images/ico_news_black.png) no-repeat; margin-right: 10px; transition: all .3s; }
.m_news .bd a .info{ overflow: hidden; padding-left: 26px; transition: all .3s; }
.m_news .bd a .info b{ display: block; font-size: 18px; color: #595959; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 28px; transition: all .3s; }
.m_news .bd a .info p{ font-size: 14px; color: #999999; line-height: 30px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition: all .3s; }
.m_news .bd a .info span{ margin-top: 20px; font-size: 52px; color: #595959; transition: all .3s; }
.m_news .bd a:hover{ transition: all .3s; background: #0012ad; }
.m_news .bd a:hover span, .m_news .bd a:hover small, .m_news .bd a:hover b, .m_news .bd a:hover p{ transition: all .3s; color: #fff; }
.m_news .bd a:hover i{ background: url(../images/ico_news_white.png) no-repeat; transition: all .3s; }

/*footer*/
.footer{ overflow: hidden; clear: both; background: #1e1e1e; }
.f_link{ width: 100%; padding:32px 0; overflow: hidden; }
.f_link b{ display: inline-block; position: relative; float: left; margin-right: 24px; }
.f_link b span{ font-size: 60px; color: #ffffff; font-weight: bold; font-family: "思源黑体 CN"; text-transform: uppercase; }
.f_link b small{ display: inline-block; background: #1e1e1e; padding:6px 24px; font-size: 18px; color: #ffffff; position: absolute; top:6px; left:20px; }
.f_link div{ float: left; }
.f_link div a{ font-size: 14px; line-height: 30px; padding:0 24px; font-size: 14px; color: #ffffff; transition: all .3s; }
.f_link div a:hover{ transition: all .3s; color: #ff7e00; }
.f_logo{ width: 350px; float: left; }
.f_logo .tel{ margin-top: 40px; }
.f_logo .tel p{ font-size: 16px; color: #cccccc; font-family: "思源黑体 CN"; line-height: 1; }
.f_logo .tel b{ font-size: 28px; color: #cccccc; font-family: "思源黑体 CN"; line-height: 1; margin-top:15px; display: block; }
.f_nav{ width: 900px; overflow: hidden; float: left; }
.nav_box{ width: 16%; height: 100%; float: left; text-align: left; }
.nav_box b{ display: block; margin-bottom: 6px; font-size: 18px; color: #cccccc; font-family: "思源黑体 CN"; padding-bottom: 16px; position: relative; }
.nav_box b::before{ content: ""; display: inline-block; width: 28px; height:1px; background: #999999; position: absolute; left:0; bottom:0; }
.nav_box b a{ font-size: 18px; color: #cccccc; font-family: "思源黑体 CN"; }
.nav_box ul{ overflow: hidden; }
.nav_box ul a{ font-size: 14px; color: #999999; font-family: "思源黑体 CN"; line-height: 30px; }
.nav_box a:hover{ transition: all .3s; color: #fff; }
.f_ewm{ width: 150px; float: left; text-align: right; }
.f_ewm img{ width: 120px; }
.f_ewm p{ width: 120px; float: right; font-size: 14px; color: #999999; font-family: "思源黑体 CN"; line-height: 1; margin-top:20px; text-align: center; }

/*f_copy*/
.f_copy{ margin-top:50px; text-align: center; height: 50px; line-height: 50px; background: #0c0f13; }
.f_copy p{ font-size: 16px; color: #999999; }
.f_copy p a{ font-size: 16px; color: #999999;font-weight: bold; }
.f_copy p a:hover{ color: #ffffff; }

/* l-banner */
.l-banner{ width: 100%; height: 443px; overflow: hidden; position: relative; z-index: 31; }
.l-banner img{ width: 100%; height: 100%; object-fit: cover; }
/* location */
.location{ background: #f8f8f8;  }
.location .inner{ overflow: visible; }
.location .box{ display: flex; align-items: center; justify-content: flex-end; padding:24px 0; background: #f8f8f8; position: relative;  }
.location .tit{ padding:30px; background: #0012ad; border-top:4px solid #ff9833; display: inline-block; position: absolute; left:0; bottom:0; z-index: 33; }
.location .tit b{ font-size: 36px; color: #ffffff; font-weight: bold; display: block; line-height: 1; }
.location .tit span{ display: inline-block; font-size: 18px; color: #ffffff; line-height: 1; margin-top: 20px; text-transform: uppercase; }
.location .crumbs{ float: right; font-size: 18px; color: #999999; }
.location .crumbs p, .location .crumbs a{ font-size: 18px; color: #999999; transition: all .3s; }
.location .crumbs a:hover{ transition: all .3s; color: #ff7e00; }

/* l-tit */
.l-tit{ padding:46px 0 40px; text-align: center; }
.l-tit b{ display: inline-block; position: relative; padding:0 145px; line-height: 1; }
.l-tit b::before{ content: ""; display: inline-block; width: 130px; height: 18px; background: url(../images/blue_thred.png) no-repeat center; position: absolute; left:0; top:50%; margin-top: -4px; }
.l-tit b::after{ content: ""; display: inline-block; width: 130px; height: 18px; background: url(../images/blue_thred.png) no-repeat center; position: absolute; right:0; top:50%; margin-top: -4px; }
.l-tit b span{ font-size: 72px; color: rgba(0, 18, 173, .1); text-transform: uppercase; line-height: 1; font-weight: bold; }
.l-tit b small{ font-size: 42px; color: #0012ad; font-weight: bold; position: absolute; top:14px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.l-tit p{ font-size: 20px; color: #999999; }

/* company_info */
.company_info .bd{ background: url(../images/company_info_bg.jpg) no-repeat top center; padding:62px 0; }
.company_info .bd .fl{ width: 804px; box-sizing: border-box; padding-left: 64px; position: relative; }
.company_info .bd .fl::before{ content: ""; display: inline-block; width: 4px; height: 80px; background: #0012ad; position: absolute; top:0; left:38px; }
.company_info .bd .fl::after{ content: ""; display: inline-block; width: 1px; height: calc(100% - 80px); background: #e5e7f7; position: absolute; top:80px; left:38px; }
.company_info .bd .fl > small{ -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; width: 16px; color: #999999; font-size: 16px; text-transform: uppercase; position: absolute; left:12px; top:0; }
.company_info .bd .fl .tit{ overflow: hidden; margin-bottom: 12px; }
.company_info .bd .fl .tit b{ font-size: 32px; color: #333333; font-weight: bold; line-height: 1; margin:6px 0 12px; display: block; }
.company_info .bd .fl .tit p{ font-size: 24px; color: #333333; line-height: 1; }
.company_info .bd .fl > p{ font-size: 16px; color: #333333; line-height: 1.875; }
.company_info .bd .fr{ width: 596px; display: flex; align-items: center; justify-content: center; }
.company_info .bd ul{ overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 40px; }
.company_info .bd li{ padding:0 60px; text-align: center; }
.company_info .bd li b span{ font-size: 60px; color: #333333; }
.company_info .bd li b small{ margin-left: 10px; position: relative; top:-12px; display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border-radius: 50%; background: #ff9833; font-size: 16px; color: #333333; }
.company_info .bd li p{ font-size: 24px; color: #333333; line-height: 1; margin-top: 20px; }

/* company_honor */
.company_honor{ background: url(../images/company_honor_bg.jpg) no-repeat top center; padding-bottom: 48px; }
.company_honor .l-tit b::before, .company_honor .l-tit b::after{ background: url(../images/white_thred.png) no-repeat center; }
.company_honor .l-tit b span{ color: rgba(255, 255, 255, .1);}
.company_honor .l-tit b small{ color: #fff;}
.company_honor .l-tit p{ color: #ffffff; }
.company_honor .bd a{ display: block; overflow: hidden; width: 100%; padding-bottom: 144%; position: relative; border-radius: 5px; }
.company_honor .bd a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

/* company_cult */
.company_cult .bd .swiper-slide{ height: 310px; position: relative; overflow: hidden; border-radius: 10px; }
.company_cult .bd .box{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 102%; height: 100%; background: rgba(232, 237, 246, 1); transition: all .3s; box-sizing: border-box; padding:80px 15px; }
.company_cult .bd .box span{ display: block; font-size: 60px; color: #ffffff; font-weight: bold; font-family: "微软雅黑"; line-height: 1; height: 0; opacity: 0; transition: all .6s; }
.company_cult .bd .box b{ font-size: 30px; color: #4c4c4c; line-height: 1; transition: all .3s; }
.company_cult .bd .box small{ font-size: 14px; color: #bbbbbb; line-height: 1; margin:14px 0 30px; transition: all .3s; }
.company_cult .bd .box i{ font-size: 62px; color: #ff9833; line-height: 1; transition: all .3s; }
.company_cult .bd .box:hover{ transition: all .3s; background: rgba(0, 18, 173, .7); }
.company_cult .bd .box:hover span{ transition: all .6s; height: 65px; opacity: 1; }
.company_cult .bd .box:hover b, .company_cult .bd .box:hover small{ transition: all .3s; color: #fff; }

/* company_contact */
.company_contact{ overflow: hidden; margin:60px 0; }
.company_contact .fl{ width: 447px; height: 303px; }
.company_contact .fr{ width: 953px; box-sizing: border-box; height: 303px; border:1px solid #e8edf6; padding:30px; display: flex; align-items: flex-start; justify-content: center; border-left: 0; flex-direction: column; }
.company_contact .fr b{ display: block; font-size: 24px; color: #333333; line-height: 1; font-weight: bold; }
.company_contact .fr p{ font-size: 15px; color: #666666; line-height: 2; margin:12px 0 32px; }
.company_contact .fr span{ display: flex; align-items: center; font-size: 15px; color: #666666;  }
.company_contact .fr span b{ font-size: 22px; color: #0012ad;  }

/* article */
.article{ overflow: hidden; padding:40px 0; }
/* honor_list */
.honor_list{ overflow: hidden; }
.honor_list li{ margin:0 30px 30px 0; display: inline-block; float: left; }
.honor_list li:nth-child(4n+0){ margin-right: 0; }
.honor_list li a{ display: block; width: 327px; overflow: hidden; box-sizing: border-box; border:1px solid #f0efef; border-bottom: 0; }
.honor_list li a .img{ width: 100%; padding-bottom: 71%; position: relative; overflow: hidden; }
.honor_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.honor_list li a b{ display: block; width: 100%; box-sizing: border-box; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 50px; background: #f0efef; text-align: center; font-size: 18px; color: #333333; transition: all .3s; }
.honor_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.honor_list li:hover b{ transition: all .3s; background: #0012AD; color: #fff; }

/* news_list */
.news_list{ overflow: hidden; }
.news_list li{ margin:0 30px 20px 0; display: inline-block; float: left; }
.news_list li:nth-child(4n+0){ margin-right: 0; }
.news_list li a{ display: block; width: 327px; overflow: hidden; box-sizing; padding-bottom: 10px; }
.news_list li a .img{ width: 100%; padding-bottom: 71%; position: relative; overflow: hidden;border-box; border:1px solid #f0efef; box-sizing: border-box; }
.news_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.news_list li a .info{ width: calc(100% - 40px); margin:-36px auto 0; box-sizing: border-box; padding:20px; background: #ffffff; box-shadow: 0 0 10px rgba(240, 240, 240, .5); position: relative; z-index: 33; border:1px solid #f0efef; }
.news_list li a b{ display: block; width: 100%; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 50px; text-align: left; font-size: 18px; color: #1a1a1a; line-height: 1; transition: all .3s; }
.news_list li a p{ font-size: 14px; color: #999999; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:16px 0; }
.news_list li a small{ display: inline-block; padding:6px 12px; font-size: 14px; color: #0012ad; line-height: 1; border:1px solid #0012ad; transition: all .3s; }
.news_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.news_list li:hover b{ transition: all .3s; color: #0012ad; }
.news_list li:hover small{ transition: all .3s; color: #fff; background: #0012ad; }

/* contact_welcome */
.contact_welcome{ overflow: hidden; padding:12px 0 42px; }
.contact_welcome .img{ float: left; width: 288px; text-align: center; }
.contact_welcome .info{ height: 226px; float: left; width: calc(100% - 288px); display: flex; align-items: flex-start; justify-content: center; flex-direction: column; }
.contact_welcome .info b{ margin-bottom: 18px; font-size: 24px; color: #30373f; position: relative; display: block; width: 100%; padding:18px 0; line-height: 1; border-bottom: 1px solid #f0efef; }
.contact_welcome .info b::before{ content: ""; display: inline-block; width: 260px; height:4px; background: #0012ad; position: absolute; left:0; bottom:-4px; }
.contact_welcome .info p{ font-size: 14px; color: #333333; line-height: 2.1; text-indent: 2em; text-align: left; }

/* contact_map */
.contact_map{ border:1px solid #999999; overflow: hidden; box-sizing: border-box; margin-bottom: 45px; }
.contact_map .fl{ width: 446px; height: 672px; box-sizing: border-box; border-right:1px solid #999999; }
.contact_map .fl > b{ display: block; width: 100%; padding:38px 0; background: #0012ad; text-align: center; font-size: 26px; color: #ffffff; }
.contact_map .fl .txt{ overflow: hidden; padding:30px; }
.contact_map .fl li{ padding:30px 0; display: flex; align-items: center; justify-content: flex-start; }
.contact_map .fl li span{ display: inline-block; width: 60px; height:60px; line-height: 60px; text-align: center; background: #0012ad; border-radius: 50%; font-size: 32px; color: #fff; }
.contact_map .fl li div{ width: calc(100% - 74px); box-sizing: border-box; padding-left: 20px; }
.contact_map .fl li p, .contact_map .fl li p a{ font-size: 14px; color: #000000; line-height: 2.1; }
.contact_map .fl li b{ font-size: 20px; color: #000000; }
.contact_map .fr{ width: calc(100% - 446px); }
.contact_map .fr #dituContent{ width: 100%; height: 672px; }

/* contact_msg */
.contact_msg{ overflow: hidden; background: #f5f5f5; padding:46px 120px 20px; clear: both; }
.contact_msg form{ overflow: hidden; margin:0 0 30px; }
.contact_msg .col-md-6{ width: calc(50% - 24px); float: left; margin-bottom: 27px; }
.contact_msg .col-md-6:nth-of-type(2n+0){ margin-left: 48px; }
.contact_msg .col-12{ width: 100%; clear: both; margin-bottom: 27px; }
.contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ overflow: hidden; }
.contact_msg .form_item input{ width: 100%; height: 46px; line-height: 46px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #a1a1a1; }
.contact_msg .form_box textarea{ width: 100%; height: 120px; line-height: 1.5; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; padding:16px 20px; font-size: 16px; color: #a1a1a1; font-family: "微软雅黑"; resize: none; }
.contact_msg .form_btn input{ float: left; width: 264px; height: 46px; line-height: 46px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; padding:0 20px; font-size: 16px; color: #a1a1a1; }
.contact_msg .form_btn img{ width: 160px; height: 46px; object-fit: cover; float: left; margin-left: 30px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; }
.contact_msg .submit{  display: block; height: 46px; line-height: 46px; width: 100%; box-sizing: border-box; font-size: 16px; color: #fff; background: #ff9833;border:1px solid #f0f0f0;  text-align: center; border-radius: 5px; }
.contact_msg .submit:hover{ background:#0012AD; transition: all .3s; }

/* product */
.product{ padding-top:30px; }
.product .fl{ width: 328px; float: left; }
.product .fr{ width: 1042px; float: right; }
/* product_type */
.product_type{ border:1px solid #f0efef; }
.product_type .catname{ text-align: center; }
.product_type .catname b{ display: inline-block; line-height: 1; padding:16px 26px; background: #0012ad; font-size: 26px; color: #ffffff; }
.product_type .type{ padding:32px; border-top:1px solid #f0efef; }
.product_type .type b{ font-size: 18px; color: #333333; font-weight: bold; }
.product_type .type a{ display: inline-block; padding:6px 12px; line-height: 1; font-size: 18px; color: #333333; margin:7px; transition: all .3s; border-radius: 30px; border:1px solid transparent; }
.product_type .type a.on, .product_type .type a:hover{ transition: all .3s; border-color: #0012ad; color: #0012ad; }

/* product_list */
.product_list{ overflow: hidden; margin:40px 0 0; }
.product_list ul{ overflow: hidden; }
.product_list li{ width: 327.5px; float: left; margin-right: 30px; margin-bottom: 30px; }
.product_list li:nth-child(4n+0){ margin-right: 0; }
.product_list li a{ display: block; padding-top: 10px; }
.product_list li .img{ width: 100%; padding-bottom: 69%; position: relative; overflow: hidden; box-shadow: 0 0 10px rgba(240, 240, 240, .5) }
.product_list li .img::before{ content:"+"; display: inline-block; width: 46px; height: 46px; background: #0012ad; border-radius: 50%; text-align: center; line-height: 42px; font-size: 36px; color: #fff; position: absolute; left:50%; top:150%; margin: -23px 0 0 -23px; z-index: 34; transition: all .4s; }
.product_list li .img::after{ content:""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);position: absolute; left:0; top:100%; z-index: 33; transition: all .3s; }
.product_list li .img img{ box-sizing: border-box; padding:20px; width: 100%; height:100%; object-fit: cover; position: absolute; transition: all .3s; }
.product_list li .txt{ padding:20px 0; overflow: hidden; }
.product_list li .txt b{ margin-bottom: 12px; font-size: 17px; color: #1a1a1a; display: block; box-sizing: border-box; padding:0 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-left: 5px solid #0012ad; line-height: 20px; transition: all .3s; }
.product_list li .txt p{ font-size: 14px; color: #666666; line-height: 1.4; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.product_list li:hover img{ transition: all .3s; transform: scale(1.05); }
.product_list li:hover .img::before{ transition: all .4s; top:50%; transform: rotate(360deg); }
.product_list li:hover .img::after{ transition: all .3s; top:0; }

/* product_foucs */
.product_foucs{ overflow: hidden; clear: both; margin:30px 0; }
.product_foucs .fl{ width: 44%; box-sizing: border-box; padding-right: 15px; }
.product_foucs .fr{ width: 56%; box-sizing: border-box; padding-left: 15px; }
#gfocus{ overflow: hidden; height: 300px; border:1px solid #f0efef; box-shadow: 0 0 10px rgba(240, 240, 240, .5); }
#gfocus img{ width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; }
/* #gfocus .swiper-button-next, #gfocus .swiper-button-prev{ background-image: none; width: 28px; height: 46px; background: #7f7f7f; border-radius: 5px; text-align: center; top:50%; margin-top: -23px;  } */
/* #gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 20px; color: #fff; line-height: 46px; } */
#glist{ margin-top: 30px; overflow: hidden;  }
#glist .swiper-slide{ width: 100%; height: 88px; border:1px solid #f0efef; box-shadow: 0 0 10px rgba(240, 240, 240, .5); box-sizing: border-box; }
#glist img{ width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; }
.product_foucs .fr > b{ margin-bottom: 14px; display: block; width: 100%; line-height: 1; padding-bottom: 24px; font-size: 24px; color: #333333; font-weight: normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom: 20px solid #f0efef; }
.product_foucs .fr .parm{ overflow: hidden; }
.product_foucs .fr li{ display: flex; align-items: flex-start; justify-content: flex-start; padding:2.5px 0; }
.product_foucs .fr li > b{ line-height: 30px; display: block; width: 100px; font-size: 18px; color: #ff9833; font-weight: bold; }
.product_foucs .fr li > p{ width: calc(100% - 100px); font-size: 18px; color: #666666; line-height: 30px; }
.product_foucs .fr .tel{ display: flex; align-items: center; justify-content: flex-start; margin-top: 10px; }
.product_foucs .fr .tel span{ font-size: 40px; line-height: 1; color: #0012ad; margin-right: 16px; }
.product_foucs .fr .tel p{ display: block; font-size: 14px; color: #999999; line-height: 1; margin-bottom: 8px; }
.product_foucs .fr .tel b{ font-size: 30px; color: #0012ad; font-weight: bold; line-height: 1; }
#g_tit, .g_intro dir{ display: flex; align-items: flex-end; justify-content: space-between; margin:24px 0; padding:0; }
#g_tit b, .g_intro dir p:nth-child(1) strong{ font-size: 36px; color: #ff9833; font-weight: bold; line-height: 1; }
#g_tit p, .g_intro dir p:nth-child(1) small{ display: block; font-size: 18px; color: #000000; line-height: 1; margin-top: 20px;}
#g_tit i, .g_intro dir p:nth-child(2){ font-size: 22px; color: #d8d8d8; font-weight: bold; font-style: normal; line-height: 1; letter-spacing: 1px; text-transform: uppercase; }

/* g_intro */
.main .inner{ overflow: visible; }
.g_intro ul, .g_intro blockquote{ float: left; width: 100%; box-sizing: border-box; padding:30px; box-shadow: 0 0 15px rgba(240, 240, 240, .5); margin-top: 30px; }
.g_intro ul strong, .g_intro blockquote strong{ text-align: left; font-size: 30px; color: #666666; margin-bottom: 24px; display: block; }
.g_intro ul p, .g_intro blockquote p{ padding-left: 24px; background: url(../images/ico_dui.png) no-repeat left center; font-size: 16px; color: #666666; line-height: 30px; }
.g_intro blockquote p:nth-child(1){ background: none; padding-left: 0; }
.g_intro ul li:nth-child(1){ padding-left: 0; }
.g_intro ul li:nth-child(1) p{ background: none; padding-left: 0; }
.g_intro blockquote{ float: none; width: 100%; clear: both;  }
.g_intro hr{ height: 0; clear: both; border:0; }
.g_intro img{ max-width: 100%; }

/* g_range */
.g_range{ overflow: hidden; } 
.g_range .bd{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.g_range .bd li{ width: 220px; height: 430px; box-sizing: border-box; padding:15px; background: #0012ad; border-radius: 150px; margin-bottom: 26px; }
.g_range .bd li .img{ width: 100%; height: 302px; overflow: hidden; border-radius: 150px; }
.g_range .bd li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.g_range .bd li b{ display: block; text-align: center; font-size: 30px; color: #ffffff; font-family: "思源黑体 CN"; line-height: 1; margin-top:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position: relative; top:0; transition: all .3s; }
.g_range .bd li:hover img{ transition: all .3s; transform: scale(1.05); }
.g_range .bd li:hover b{ transition: all .3s; top:-10px; }

/* gfactory */
#gfactory a{ display: block; width: 100%; padding-bottom: 67%; position: relative; overflow: hidden; border:1px solid #f1f1f1; box-sizing: border-box; }
#gfactory a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
#gfactory a:hover img{ transform: scale(1.05); transition: all .3s; }

/* g_service */
.g_service .bd{ overflow: hidden; }
.g_service li{ float: left; box-sizing: border-box; }
.g_service li b{ font-size: 30px; color: #ffffff; font-weight: bold; display: block; line-height: 1; margin-bottom: 16px; }
.g_service li p{ font-size: 14px; color: #ffffff; line-height: 24px; }
.g_service li:nth-child(1){ width: 334px; height: 408px; padding:34px 22px; }
.g_service li:nth-child(1) p{ text-indent: 2em; margin-bottom: 12px; }
.g_service li:nth-child(2){ width: 334px; height: 208px; margin-left: 20px; padding:32px 22px; }
.g_service li:nth-child(3){ width: 334px; height: 208px; margin-left: 20px; padding:32px 22px; }
.g_service li:nth-child(4){ width: 688px; height: 181px; margin-left: 20px; margin-top: 20px; padding:36px 22px; }

/*g_case*/
.g_xgcp{ overflow: hidden; overflow: hidden; margin:20px 0; }
.g_xgcp a{ display: block; width: 100%; overflow: hidden; }
.g_xgcp a .img{ width: 100%; height: 220px; overflow: hidden; box-sizing: border-box; border:1px solid #f1f1f1; }
.g_xgcp a img{ width: 100%; height: 100%; box-sizing: border-box; padding:20px; object-fit: cover; transition: all .3s; }
.g_xgcp a b{ font-size: 16px; color: #666666; text-align: center; display: block; padding:18px; background: #f0efef; box-sizing: border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.g_xgcp a:hover img{ transition: all .3s; transform: scale(1.05); }
.g_xgcp a:hover b{ transition: all .3s; background: #0012ad; color: #fff; }

/* gdetails */
#gdetails .swiper-slide{ width: 100%; box-sizing: border-box; border:1px solid #f1f1f1; overflow: hidden; padding-bottom: 22%; }
#gdetails img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }
#gdetails .swiper-slide:hover img{ transition: all .3s; transform: scale(1.05); }

.article_main{padding:30px 0; background: #f1f1f1; }
.main{ overflow: hidden; }
.article_content .fl{ width: 960px; }
.article_content .fr{ width: 410px; }
.article_content .single{ padding:45px; font-size: 16px; color: #4c4c4c; line-height: 1.8;}
.article_content .single img{ max-width: 100%; margin:12px 0!important }
.article_box{ background: #fff; box-sizing: border-box; }
.page_tit{ position: relative; padding: 45px 45px 0; text-align: left; }
.page_tit b{ display: block; font-size: 26px; color: #1a1a1a; line-height: 1.5; font-weight: normal; }
.page_tit .meta{ font-size: 14px; color: #999999; line-height: 1; margin:18px 0 0; border-bottom: solid 1px #e9e9e9; padding-bottom: 15px; }
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }
.relevant_news{ padding:20px; box-sizing: border-box; background: #fff; }
.relevant_news > b{ display: inline-block; font-size: 24px; color: var(--pei-color); font-weight: bold; line-height: 1; padding:18px 0; margin-bottom: 24px; border-bottom: 4px solid var(--pei-color); }
.relevant_news a{ display: block; width: 100%; }
.relevant_news a .img{ width: 100%; padding-bottom: 74%; position: relative; overflow: hidden; }
.relevant_news a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; }
.relevant_news a .txt{ padding:26px 0; overflow: hidden; }
.relevant_news a .txt b{ line-height: 1; display: block; font-size: 18px; color: #3a3a3a; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.relevant_news a .txt span{ display: inline-block; font-size: 14px; color: #666666; margin-top: 18px; line-height: 1; }
.relevant_news a:hover img{ transition: all .3s; transform: scale(1.05); }
.relevant_news a:hover b{ transition: all .3s; color: var(--pei-color); }

.prev_next{width:100%; margin:20px 0 0; display: flex; }
.prev_next>div{width:50%;padding:20px;border-top: 1px solid #e9e9e9;display: flex;flex-direction: row;align-items: center; justify-content: center; }
.prev_next>div + div{ border-left:1px solid #e9e9e9; }
.prev_next>div a{color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next>div a:hover{color: #0012ad;}

.scrollsidebar{ padding-left: 30px; position:absolute; z-index:999; top:150px; width: 165px; overflow: hidden; transition: all .3s; }
.close_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 25; }
.show_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 24; }
.close_btn span, .show_btn span{ display: inline-block; font-size: 18px; color: #fff; margin:20px 0 0 10px; line-height: 1; }
.scrollsidebar .s_center{ position: relative; z-index: 33; width: 150px; background: #011fa6; text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
.scrollsidebar .s_center strong{ font-size: 18px; color: #fff; line-height: 1; display: block; margin:12px 0; }
.scrollsidebar .s_center span{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom:12px; display: inline-block; }
.scrollsidebar .s_center .img{ width: 100%; background: #fff; }
.scrollsidebar .s_center .img img{ width: 100%; background: #fff; }
.scrollsidebar .s_center .img p{ line-height: 38px; font-size: 14px; color: #666666; margin:-10px 0 0; }
.scrollsidebar .s_center p{ font-size: 15px; color: #fff; line-height: 1; margin:14px 0; }
.scrollsidebar .s_center b{ font-size: 18px; color: #fff; font-weight: bold; }
.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: #fff; border-radius: 3px; font-size: 14px; color: #3f3f3f; margin-top:14px; }
.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #011fa6; font-size: 18px; margin:0 8px 0 0; }
.scrollsidebar .s_center .cd-top{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 33; cursor: pointer; }